<div class="navbar navbar-default" role="navigation">
	<div class="container-fluid">
		<div class="row">
			<div class="header_innr_a navbar-left navbar-btn mob-no-mar col-sm-7 col-xs-8 nav col-lg-5 col-md-4">
				<div class="clearfix row-flex">
					<ul class="nav nav-pills pull-left col-flex col-flex1">
						<li>
							<a href="#/boards" class="hdrorganization text-muted btn btn-link pull-left htruncate col-lg-10 col-sm-10 col-md-9 col-xs-9 nav" title="<%- SITE_NAME %>">
								<span><img src="img/logo.png" alt="[Image: <%- SITE_NAME %>]" title="<%- SITE_NAME %>" class="img-responsive center-block"/></span>
							</a>
							<span class="navbar-btn mob-no-mar pull-left icon"><span class="orgseperator navbar-btn pull-left">/</span></span>
						</li>
					</ul>
					<div class="navbar-btn pull-left mob-no-mar list-group-item-text col-flex col-flex2">
						<div class="col-xs-12 pull-left navbar-btn list-group-item-text">
							<a href="#" class="col-xs-10 js-board-name-truncate nav htruncate" title="<%- organization.attributes.name %>"><strong><%- organization.attributes.name %></strong></a>
						</div>
					</div>
				</div>
			</div>
			<div class="navbar-header"><button data-toggle="collapse" data-target=".navbar-collapse" class="navbar-toggle" type="button"> <span class="sr-only">
			<%- i18next.t('Toggle navigation') %></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button></div>
			<% if(!_.isUndefined(authuser.user)){%>
				<nav class="navbar-collapse collapse mob-no-pad">
					<div class="navbar-right">
						<ul class="nav nav-pills pull-left hdrpvtvws">
							<% if(!_.isUndefined(authuser.user) && (authuser.user.role_id == 1 || !_.isEmpty(organization.acl_links.where({slug: "delete_organization",organization_user_role_id: parseInt(organization.organization_user_role_id)})))) { %>
								<li class="dropdown">
									<a href="#" title="Delete" class="text-muted list-group-item-text navbar-btn h4 dropdown-toggle" data-toggle="dropdown"><i class="icon-trash"></i></a>
									<ul class="dropdown-menu arrow arrow-right list-unstyled col-xs-push-0">
										<li class="col-xs-12 text-center clearfix">						
												<div class="clearfix"><span class="col-xs-10"><strong><%- i18next.t('Delete Organization')+'?' %></strong></span><a class="js-close-popover pull-right" href="#"><i class="icon-remove"></i></a></div>
										</li>
										<li class="col-xs-12 divider"></li>
										<li>
											<span class="col-xs-12 navbar-btn"><%- i18next.t("Deleting an organization is permanent. Are you sure you want to delete this organization? There is no undo. Boards with this organization won't be deleted. Your boards in this organization will appear in your personal boards list.") %></span>
											<div class="btn-block navbar-btn"><a title="<%- i18next.t('Delete Organization') %>" class="js-delete-organization col-xs-12"><span class="btn btn-primary col-xs-12"><%- i18next.t('Delete Forever') %></span></a></div>
										</li>		
												
									</ul>
								</li>
							<% } %>
							<% if(!_.isUndefined(authuser.user) && (authuser.user.role_id == 1 || !_.isEmpty(organization.acl_links.where({slug: "edit_organization",organization_user_role_id: parseInt(organization.organization_user_role_id)})))) { %>
								<li class="dropdown navbar-btn">
								<a href="#" title="Edit" class="text-muted dropdown-toggle" data-toggle="dropdown"><span class="icon-pencil"></span></a>
								<ul class="dropdown-menu arrow arrow-right list-unstyled col-xs-push-0">
									<li class="js-dropdown-popup dropdown-popup btn-block">
										<div class="js-organization-edit-block col-xs-12">
											<form name="OrganizationEditForm" id="OrganizationEditForm"> 
												<div class="form-group required">
													<label for="inputOrganizationName"><%- i18next.t('Name') %></label>
													<input type="text" id="inputOrganizationName" maxlength="255" name="name" class="form-control input-sm" value="<%- organization.attributes.name %>" required />
												</div>
												<div class="form-group">
													<label for="inputOrganizationWebsite"><%- i18next.t('Website') %></label>
													<input type="text" id="inputOrganizationWebsite" name="website_url" class="form-control input-sm" value="<%= organization.attributes.website_url %>" />
												</div>
												<div class="form-group">
													<label for="inputOrganizationDescription"><%- i18next.t('Description') %></label>
													<textarea type="textarea" id="inputOrganizationDescription" class="form-control" name="description"><%- organization.attributes.description %></textarea>
												</div>
												<div class="submit">
													<input type="submit" value="<%- i18next.t('Save') %>" id="js-edit-organization" class="btn btn-primary" />
													<input type="button" class="js-close-popover btn btn-default" value="<%- i18next.t('Cancel') %>" />
												</div>
											</form>
										</div>
									</li>
								</ul>	
								</li>
							<% } %>
							<% if(!_.isUndefined(authuser.user) && (authuser.user.role_id == 1 || !_.isEmpty(organization.acl_links.where({slug: "view_organization_visibility",organization_user_role_id: parseInt(organization.organization_user_role_id)})))) { %>
								<li class="dropdown navbar-btn organization-visibility-form">
								<a href="" title="<% if(organization.attributes.organization_visibility == 1){ %><%- i18next.t('Public') %><% } else { %><%- i18next.t('Private') %><% } %>" class="js-org-visibility-name js-show-organization-visibility-form text-muted dropdown-toggle" data-toggle="dropdown"><span class="js-org-visibility-icon <% if(organization.attributes.organization_visibility == 1){ %>icon-circle <% } else { %>icon-lock<% } %> text-muted"></span><span class="h4 js-org-visibility-type"><% if(organization.attributes.organization_visibility == 1){ %><%- i18next.t('Public') %><% } else { %><%- i18next.t('Private') %><% } %></span></a>
								<ul class="dropdown-menu arrow arrow-right list-unstyled col-xs-push-0 js-organization-visibility">
								</ul>
								</li>
							<% } %>	
						</ul>
					</div>
				</nav>
			<% } %>
		</div>
	</div>
</div>
<% if(!_.isUndefined(authuser.user)){%>
<div class="broadcast-section container-fluid">
	<section id="broadcast_information" class="hide hidden-xs">
	</section>
	<section id="broadcast_hide_arrow" class="hide hidden-xs">
		<a href="#" class="broadcast-content-show js-broadcast-show pull-right" title="show">
			<i class="icon-angle-down"></i>
		</a>
	</section>
</div>
<% } %>